/* 头部 */
header {
	width: 100%;
	height: 5.333333rem;
}

.swiper-container {
	width: 100%;
	height: 5.333333rem;
}   
.swiper-container img{
	width: 100%;
	height: 100%;
}
:root{
	--swiper-theme-color: #fff;
}
.swiper-pagination {
	text-align: right;
}

/* 中间区块 */
section {
	flex: 1;
	background-color: #101010;
	color: #fff;
	overflow: scroll;
}
.recommend {
	padding: 0.4rem;
}
.recommend-plan {
	width: 100%;
	height: 100%;
}
.recommend-plan img{
	width: 100%;
	height: 100%;
}
.recommend-title {
	position: relative;
	font-size:0.3733rem;
	letter-spacing: 1px;
	margin: .4rem 0;
	padding-left: .32rem;
}
.recommend-title::before{
  position: absolute;
  left: 0;
  top: 0;
	content:'';
	width: 4px;
	height: 100%;
	background-color: #2578f8;
  border-radius: 0.26rem;
}
.project-title::before{
  position: absolute;
  left: 0;
  top: 0;
	content:'';
	width: 4px;
	height: 100%;
	background-color: #d67a2a;
  border-radius: 0.26rem;
}
.recommend-content ul li {
	display: flex;
	font-size: 0.32rem;
}
.recommend-content ul li + li {
	margin-top: 0.26rem;
}
.recommend-content ul li img {
	width: 3.733rem;
	height: 2rem;
	border-radius: 6px;
}
.recommend-content .main {
	margin-left: 0.26rem;
}

.recommend-content .main p {
	padding: 0.0533rem 0;
}
.recommend-content .main p:nth-child(2) {
  opacity: .5;
}
.recommend-content .main p:last-child {
	display: flex;
	justify-content: space-between;
}
.recommend-content .main p a {
	text-align: center;
  padding: 0.106rem .32rem;
	background-color: #037dfb;
	color: #fff;
	border-radius: 0.6rem;
}
.main {
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: center;
}